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-Client Side, Web-Based Calculator 



This applicattmu^related to U.S. Application Serial Number ^^ , of 



Inventors: Steve Guttman and Joe Ternasky 

5 This application claims priority under 35 U.S.C. §1 19(e) to U.S. Provisional 

Serial Number 60/241,083, of Guttman and Ternasky, filed October 16, 2000, which is 
herein incorporated by reference. 

Guttman and Ternasky, filed November1^2000, entitled "Client Side, Web-Based 
1 0 Spreadsheet," which is herein incorporated by reference. 

Background of the Invention 

The present invention relates generally to dynamic hypertext markup language 
(HTML) web pages and, more specifically, to a method for creating and viewing a 
calculator web page that has selectively viewable components. 

15 Currently, web pages are defined using Hyper-Text Markup Language (HTML). 

Most web pages are passive. Specifically, a user just reads web pages and occasionally 
fills in a field of a form, submits the form to a server, and waits for a reply. In general, 
most users are not sophisticated consumers. Therefore, users want web-based programs 
to be fool-proof and easy to use. That is, web users want web-based programs to be 

20 designed so that the user cannot somehow damage the program or data by entering 
incorrect data or by clicking on a wrong area of the displayed web page. 
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Summary of the Invention 

Active applications written in Dynamic HTML combine the look of a traditional 
desktop application with the facilities of the World Wide Web (WWW). When the user 
is working with a spreadsheet written in Dynamic HTML, the user can create formulas, 
5 add and delete columns, and format cells. At the same time, the user has a disadvantage 
of mistakenly changing content of any particular cell because each cell in a spreadsheet is 
editable. Thus, there is a need for a method and system that will allow working with a 
web-based spreadsheet so that the user is unable to change the content of any cell by 
mistake. 

10 A described embodiment of the present invention allows a designer/creator to 

V create and view "calculator" web pages. A calculator web page is a special version of a 

m spreadsheet web page. When a user is working with a spreadsheet, it is unfortunately 

3 .. S 

s easy for him to mistakenly change the content of a particular cell because each cell in a 

H spreadsheet is editable. The described embodiment of the present invention allows the 

15 user to view a spreadsheet as a calculator so that the user can work with a fill-in-the- 
^ blanks, standalone application. The user can just enter his data and view the calculator 

results. The user cannot change the content of any cell by mistakenly clicking on that 
cell. By default, the calculator uses a described method to determine which spreadsheet 
cells are initially editable in the calculator. 

20 Another advantage of the described embodiment of the present invention is that in 

order for the user to work with a calculator, no other special software is involved, except 
for a web browser. The present invention serves as a design tool for the calculator 
designer because it produces interactive HTML pages without requiring the designer to 
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be familiar with the web programming. In accordance with the purpose of the present 
invention, as embodied and broadly described herein, the invention is a computer- 
implemented method for viewing a web-based spreadsheet in a calculator mode. The 
method comprises sending a request, by a user, to view the calculator web page; 
displaying the requested calculator web page, wherein only certain cells in the calculator 
are editable; and allowing the user to change contents in editable cells, but not allowing 
the user to change contents in non-editable cells. 

In further accordance with the purpose of the invention, as embodied and broadly 
described herein, the invention is a computer-implemented method performed by a server 
data processing system. The method comprises receiving a request, from a client, for a 
calculator web page; reviewing parameters received with the request for the calculator 
web page, said parameters include a calculator mode and a data ID; sending the requested 
calculator web page, to the client, based on the parameters received, wherein said 
calculator web page contains embedded data specific to the requested calculator web 
page and wherein the calculator web page displays a calculator having only certain cells 
that are editable. 

In further accordance with the purpose of the invention, as embodied and broadly 
described herein, the invention is a data structure comprising a member file for keeping 
information about members, a spreadsheet /calculator data file for keeping spreadsheet 
and calculator information on a server, and a Data Array file for keeping spreadsheet and 
calculator information on a client. 

In further accordance with the purpose of the invention, as embodied and broadly 
described herein, the invention is a method for building a calculator, the method 
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comprising determining a number of rows and columns for the calculator; initializing the 
content of each cell in the calculator; making the cells visible once all the cells are built; 
and performing calculations for cells having formulas in them. 

Advantages of the invention will be set forth in part in the description which 
follows and in part will be apparent from the description or may be learned by practice of 
the invention. The objects and advantages of the invention will be realized and attained 
by means of the elements and combinations particularly pointed out in the appended 
claims and equivalents. 

Brief Description of the Drawings 

The accompanying drawings, which are incorporated in and constitute a part of 
this specification, illustrate several embodiments of the invention and, together with the 
description, serve to explain the principles of the invention. 

Fig. 1 pictorially illustrates a web-based spreadsheet in a spreadsheet mode in 
accordance with a described embodiment of the present invention. 

Fig. 2 illustrates a web-based calculator created using calculator preview mode in 
accordance with a described embodiment of the present invention. 

Fig. 3 pictorially illustrates adjusting editability of cells in the calculator of Fig. 2 
using calculator preview mode in accordance with a described embodiment of the present 
invention. 

Fig. 4 pictorially illustrates the spreadsheet of Fig. 1 during use in a calculator 
mode in accordance with a described embodiment of the present invention. 
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Fig. 5 is a block diagram illustrating an overall architecture in accordance with a 
described embodiment of the present invention. 

Fig. 6A is a flow chart showing the process of returning an HTML web page to 
the user, performed by a server, in accordance with a described embodiment of the 
present invention. 

Fig. 6B is a flow chart showing the steps performed by a browser in accordance 
with the present invention. 

Fig. 7 is a flow chart illustrating the process of building a calculator in accordance 
with a described embodiment of the present invention. 

Fig. 8 is a block diagram showing an example record in a member file in 
accordance with a described embodiment of the present invention. 

Fig. 9 is a block diagram showing an example record in a spreadsheet /calculator 
data file in accordance with a described embodiment of the present invention. 

Fig. 10 pictorially illustrates a process of allowing a user to embed a calculator in 
any web page in accordance with a described embodiment of the present invention. 

Fig. 1 1 is a flow chart showing a log in process in accordance with a described 
embodiment of the present invention. 

Fig. 12 is a flow chart showing a process of saving data to a server in accordance 
with a described embodiment of the present invention. 
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Fig. 13 pictorially illustrates a "My Files" page containing saved files in 
accordance with a described embodiment of the present invention. 

Detailed Description of Illustrated Embodiments 
5 Reference will now be made in detail to several embodiments of the present 

invention, examples of which are illustrated in the accompanying drawings. Wherever 
practicable, the same reference numbers will be used throughout the drawings to refer to 
the same or like parts. 

A described embodiment of the present invention allows a user to view a web- 

10 based spreadsheet as a calculator, wherein only certain cells of the calculator are editable. 
The designer/creator of the web-based spreadsheet allows the user to alter the default as 
to which cells are editable when the calculator is displayed in a calculator preview mode. 
The described embodiment further allows the user to change the cells' content in the 
calculator mode based on the adjustments made in the calculator preview. 

15 Fig. 1 illustrates a web-based spreadsheet in a spreadsheet mode. The spreadsheet 

100 contains columns and rows where all the spreadsheet calculations are performed. 
Each row has a number and each column has a letter. A cell is the intersection of a row 
and a column and is referenced with a Column letter Row number notation, such as A 1 or 
C3. The example spreadsheet 100 has at least 20 rows (numbered 1 through 20) and 5 

20 columns (labeled A through E). The user can reset the number of rows and columns in 
the spreadsheet with the "Set Size" command. In addition, the user can add or delete 
columns with the "Insert/Delete Rows or Columns" commands. A cell can contain 
labels, numbers, text (strings), dates/times, or formulas. Other embodiments may have 
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additional types of data in their cells. A string is a text entry, such as, "Make 
Thanksgiving dinner," as displayed in cell Al (104). A number is an integer or decimal 
value, which can be formatted as currency, integers (whole numbers), decimal numbers, 
or percentages. Users can define arbitrary formats. 
5 The user can change information for any specific cell in the spreadsheet. To do 

so, the user has to click on that cell to highlight it. The command line 102 is the area of 
the spreadsheet where a user enters and edits cell values and formulas. To change 
information for a specific cell, a user clicks on that cell to highlight it. Then, the user can 
type the value, text or formula for that cell into the command line field. In the illustrated 

10 spreadsheet 100 the user entered the number "12" into the command line for cell B3 
(106) and "2" for cell B5 (108). Also, the user chose a "traditional" dinner in cell 110 
over "economy" or "alternate" dinner. If the user wants to change the type of meal he is 
planning (for example, the user wants to type "Corn Beef instead of "Roast Turkey"), 
the user just needs to click on that cell to highlight it and enter "Corn Beef into the 

15 command line. In the example spreadsheet, cell 1 1 1 has the following associated 

formula, as displayed in the command line 102: =IF($B$7="Traditional",l,25*(B3- 
B5),IF($B$7=" Alternate n 9 (B3-B5),IF($B$7= ,? Economy",(B3-B5)*2, ,f ")))• Thus, if 
cell B7 contains "Traditional," a value of 12.5 is displayed in cell B13 (1 1 1), (as shown). 
This value is derived from the formula 1.25*(B3-B5), wherein B3=12 and B5=2). 

20 Different values of cell B7 cause other values to be displayed in cell B13 (11 1). Cells 
112 also have formulas associated with them. Working with a spreadsheet allows a user 
to customize the spreadsheet for whatever purpose the user desires. When a user is 



7 



22233/05481/DOCS/l 1 14757.2 



working with a spreadsheet, however, it is easy for him to mistakenly change content or 
formulas of a particular cell because each cell in a spreadsheet is editable. 

Fig. 2 illustrates a web-based calculator created using calculator preview mode in 
accordance with a described embodiment of the present invention. Any spreadsheet can 
5 be viewed in either spreadsheet mode, calculator mode, or calculator preview mode. The 
drop-down "Calculator Preview" command, which is accessed from the spreadsheet 
mode, lets a designer/creator adjust which cells may be "filled-in" (edited) when the 
spreadsheet is viewed as a calculator. Viewing the spreadsheet in a spreadsheet mode, as 
illustrated in Fig. 1, allows a user to customize the spreadsheet for any purpose the user 



10 wishes. To pre-view the spreadsheet as a calculator, the user has to select the "Calculator 
Preview" command from the Tools menu. As shown in Fig. 2, the Menu Bar, Format Bar 



and Command Line will disappear. In place of the Format Bar an "Exit Preview" button 
(202) will appear. The spreadsheet grid is also hidden, and all cells that may be edited by 
a user of the calculator (106, 108, and 1 10) have a blue outline (or similar indication) 



By default, the system will take its best guess at which cells should be editable 
when the spreadsheet is displayed in a calculator preview mode. Cells that depend on 
values in other cells (for example, a cell with an associated formula (111)) default to non- 
editable. Cells with values that other cells depend on (106, 108, and 1 10) (but which 
20 don't have formulas in them) default to editable. Cells that do not depend on values in 
other cells default to non-editable. 
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Fig. 3 illustrates the process of allowing a designer/creator to adjust editability of 
cells in the spreadsheet of Fig. 1 using the calculator preview mode in accordance with a 
described embodiment of the present invention. As was illustrated in Fig. 2, by default, 
the system will take its best guess at which cells should be editable when the spreadsheet 
5 is initially displayed in calculator preview mode. Each Data Array file 502 and 
Spreadsheet/Calculator Data file 516 (as will be discussed with reference to Fig. 5) 
includes editability flags for each cell, which is assigned a "FALSE" or "TRUE" logic 
value. This value indicates whether a certain cell is editable or not. If the cell has a 
"TRUE" value, it is locked, and a user cannot edit that cell in the displayed calculator, in 
10 the calculator mode. Alternatively, if the cell has a "FALSE" value, it is unlocked, and a 
user of the displayed calculator can edit that cell. Thus, for example, in the displayed 
calculator of Fig. 4, only cells 106, 108, and 1 10 are unlocked and can be changed by a 
user in the calculator mode. 

In some cases, however, a designer of a spreadsheet/calculator may want to adjust 
15 the default editability. To do so, the calculator designer/editor needs to click on a cell in 
calculator preview mode to toggle it from editable to non-editable and vice versa. Once 
the designer/creator clicks on the cell to adjust its editability, the matching object is found 
in the HTML page, and the executing JavaScript changes the editability flag value from 
"TRUE" to "FALSE" (or vice versa). For example, as shown in Fig. 2, a user viewing 
20 the calculator could only edit the cells related to the number of guests 106, the number of 
vegetarians 108, and the type of meal 110. Adjusting the cells' editability allows the user 
to edit the descriptive text or any other cell in the calculator when the calculator is 
displayed to the user. Once the designer/creator adjusts editability of cells, a user can 
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change the cells' values in a calculator mode. In particular, if the designer/creator toggles 
cell 304, which includes the text "Roast Turkey," in calculator preview mode the 
designer/creator changes its editability in the calculator preview mode so that a blue 
outline (or similar indication) appears around cell 304. Once in a calculator mode, the 
user can change the value of cell 304 by typing "Corn Beef instead of "Roast Turkey". 
Similarly, toggling cell 302 in the calculator preview mode by the designer/creator allows 
the user to change the content of cell 302 in the calculator mode from "How many 
vegetarians" to "How many lacto-vegetarians." Thus, once the designer/creator has 
finished these modifications to editability, the user can change values of cells in the 
calculator mode based on the editability adjustments made in the calculator preview. 

Fig. 4 illustrates an example of displaying the spreadsheet of Fig. 1 in a calculator 
mode in accordance with a described embodiment of the present invention. The example 
calculator web page 400 features a calculator displayed in calculator mode and in which 
only certain cells are editable. The calculator 400 allows the user to plan the Ultimate 
Holiday Dinner based on the number of guests and type of meal the user would like to 
make. The name of the calculator is displayed on the top of the page in the form of a text 
entry: "Make Thanksgiving dinner 1" 402. The user is prompted to enter information 
related to the number of total guests and the number of vegetarians among the guests 106 
and 108. The user also is prompted to choose among traditional, alternate, or economy 
dinner 110. A number of total guests, number of vegetarians and a type of the dinner are 
the only editable cells in the calculator. These cells were set to be editable either by 
default when the spreadsheet was made or by the designer/creator in calculator preview 
mode. 
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In the bottom half of the page, the calculator displays the assortment of food that 
the user needs to have in order to prepare the dinner. It includes the following text 
entries, which are not editable: Roast Turkey, Bread Stuffing, Soup, Side of Fruits and 
Vegetables, Side of Potatoes, Crab Cake, and Cranberry Juice 406. In the calculator 400, 
the user is having twelve guests (where two people are vegetarians). The user has chosen 
a traditional dinner (110). Once the user enters all the requested information, the 
calculator estimates the quantity of food that the user needs to have in his kitchen in order 
to accommodate the total number of invited guests. It should be noted that the cells 
displaying the quantity of food 408 are not editable by the user. The calculator was so- 
designed by its designer/creator. The calculator determines that for the traditional type of 
dinner the user needs to have 12.5 pounds of roast turkey, 12 cups of bread stuffing, 12 
cups of soup, 12 cups of vegetables on a side, 6 pounds of potatoes on a side, 2 pumpkin 
pies, and 24 cups of hot apple cider. Each of these cells has an associated formula 
depending on one or more of cells 106, 108, 110. The example calculator web page also 
includes a function menu 410 located at the top of the page allowing the user to save the 
calculator, print the calculator, receive instructions, edit calculator as a spreadsheet, email 
the calculator to others, and rate the calculator. In order to email the calculator, the user 
should click on "email this page" button and enter a recipient's address. The system will 
email a URL of the calculator, including the proper parameters in the URL. 

Thus, the present invention advantageously allows working with a spreadsheet 
that is displayed in a calculator mode so that the user cannot change the content of any 
cell by mistakenly clicking on that cell. The calculator designer/creator can change the 
system default as to which cells are editable. 
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Fig. 5 is a block diagram illustrating an overall architecture of the present 
invention. A server system 510 includes, but is not limited to, a Member file 512, server 
software 514, a Spreadsheet /Calculator data file 516, a spreadsheet HTML 518, and a 
calculator HTML 521. It should be understood that the architecture illustrated in Fig. 5 is 
shown for purposes of example only and is not to be construed in a limiting sense. 

The Member file 512 includes information for all members who have an account 
with the system. Initially, when a user logs into the system, he is asked whether he is a 
member who has an account with the system (the "log in" process will be discussed in 
detail with reference to Fig. 11). If the user is a member, he is allowed to access the 
system. In the alternative, if the user is not a member, he is offered to enter his 
identifying information, which might include a password and email address. 

The Spreadsheet /Calculator data file 516 contains information related to 
spreadsheets and calculators. Such information may include a data ID, which refers to a 
file name, and information for each individual cell of a spreadsheet/calculator. In 
particular, the cell information related to each individual cell includes, but is not limited 
to, the information related to cell dependency, formatting, content, and editability. The 
server software 514 manages the files and communicates with the browser. The server 
software 514 handles opening, saving, and incorporating live data (such as stock quotes) 
into the files. In addition, the server software 514 returns the HTML page 518 and 
calculator page 521 in response to a request received from the client system 520, via a 
browser 504. 

The client system 520 includes browser software 504 and a Data Array 502. The 
user, via the browser 504, sends a request to the server 510 for an HTML page. The 
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server software 514 reviews the parameters received with the request. If the parameters 
include a "spreadsheet" mode, a spreadsheet HTML page 518 is returned to the client 
520. In the alternative, if the parameters include a "calculator" mode, the server 510 
returns the calculator HTML page 520. If the parameters include an "embed" mode, the 
server returns a fully formed calculator web page. The Data Array 502 is an array of cell 
descriptions whose values are loadable from JavaScript in the HTML page. The Data 
Array 502 contains information related to each individual cell, which includes, but is not 
limited, to cell dependency, formatting, content, and editability. When the 
designer/creator saves a file, client 520 turns the definition of each cell into a string. The 
concatenated cell strings define the entire spreadsheet. Client 520 sends the concatenated 
string to the server 510. The server 510 takes the string and writes it into the 
Spreadsheet/Calculator Data File 516. Thus, a client- format Data Array 502 is translated 
into Spreadsheet/Calculator Data File 516 in the server file format. 

The browser 504 is software effecting the requesting and displaying of HTML 
web pages. The browser software can be standalone or integrated within other software 
products. It should be understood that each of clients and web servers in the described 
embodiment preferably includes a processor and a memory. The memory includes 
instructions capable of being executed by the processor to perform the functions 
described below. The server can also include a computer readable medium for storing 
the instructions. The server system 510 communicates with the client system 520 via any 
appropriate communication mechanism, including but not limited to, a network, an 
intranet, the Internet, wireless communications, telecommunications, cable modems, and 
satellite communications. 
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Fig. 6 A is a flow chart showing the process of returning an HTML web page, 
performed by the server 510, in accordance with a described embodiment of the present 
invention. In element 602, the server 510 receives a request for an HTML page, from the 
browser 504. In element 604, the server reviews the parameters received with the request 
(for example, the URL parameters in Common Gateway Interface (CGI) style). The 
parameters may include a data ID, which refers to the file name, and a mode, which 
preferably is one of spreadsheet mode, calculator mode, or embed mode. The server 510 
finds the data in element 606 based on the data ID parameter received. If the 
designer/creator requested a spreadsheet, in element 608, the server embeds data using 
JavaScript and returns a spreadsheet HTML web page 518 to the designer/creator in 
element 610. If the designer/creator requested a calculator in element 612, the server 510 
returns a calculator HTML web page 521 to the designer/creator in element 614. The 
spreadsheet HTML 518 contains script tags, spreadsheet data, and an HTML user 
interface. The calculator HTML 521 contains script tags, calculator data, and an HTML 
user interface. For example, in the case of a calculator HTML page 521, the script tag 
states the following, as shown in Table 1 (Table 1 shows an example of JavaScript 
included within a calculator web page, and is herein incorporated by reference): 
href= lf /css/calculator_ie4_eda7fc0b.cssx", whereas a spreadsheet HTML page 518 
script tag states: href='7css/spreadsheet_ie4_630ddc74.cssx'\ Furthermore, in the 
calculator HTML page 521, the user interface differs from that in a spreadsheet HTML 
518. There are also some differences in JavaScript code embedded in calculator HTML 
page 521 and spreadsheet HTML 518. In particular, cells in a calculator HTML page 521 
have different parameters than cells in a spreadsheet HTML page 5 1 8. Thus, cells in a 
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spreadsheet are unlocked and the editability flag has a "FALSE" value, whereas most 
cells in a calculator are locked and the editability flag has a "TRUE" value. 

If the designer/creator requested data in the Embed mode, a loaded, fully formed 
HTML page is returned, in element 616. This HTML page does not include HTML 
5 script tags, unlike calculator HTML 521 and spreadsheet HTML 518. The embedded 
HTML page dynamically returns the HTML page. This is accomplished using 
"JavaScript include" tags. The "JavaScript include" tags return dynamically created 
JavaScript reflecting the current change in the calculator or spreadsheet file. The process 
ends in 618 once the HTML page is returned to the designer/creator. 

10 Fig. 6B is a flow chart showing the steps performed by a browser 520 in 

accordance with the present invention. Once the browser sends a request for an HTML 
page, as was discussed with reference to Fig. 6A, the server reviews the parameters 
received with the request and returns the HTML page accordingly. The parameters 
received may include a Data ID, which refers to the file name, and a mode, which 

15 preferably is one of spreadsheet mode, calculator mode, or embed mode. The browser 
504, in turn, receives the HTML page, parses the page written in JavaScript, and executes 
JavaScript code, in element 626. The HTML page may include JavaScript files specific 
to spreadsheets and calculators, such as "Calculator JS file" and "Spreadsheet JS file" and 
shared data files, which could be shared by calculators and spreadsheets. Once the 

20 browser parses the page in element 626, it might send additional requests to the server 
510 for data, which was referred to in the HTML page. In element 628, loading progress 
bar reports are generated and displayed informing the user about the status of the progress 
of program execution. In particular, the progress bar may indicate the following: 
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"Loading a Calculator" or "Loading a Spreadsheet." In element 630, the calculator is 
built (as shown in Fig. 7). In element 632, the user has the option of saving the file he is 
currently working with if the data was modified since the last time the file was saved. 
The process ends in element 634. Building the calculator 630 is discussed below. 



Big. 7 is a flow chart illustrating the process of building a calculator in accordance 
with a desc^bed embodiment of the present invention. Initially, a client system 520 
receives the munber of rows and columns to build a particular calculator, in element 702: 
For instance, as illustrated in reference with Fig. 4, an example calculator has 6 columns 
and 24 rows. A ftvo-okmensional array of cell elements is built. In element 704, each cell 



10 is initialized and a dynamic HTML is specified for each cell. This step includes 



obtaining information about ^particular cell from a Data Array file 502. This 
information includes, but is not lmiited to, cell dependency, formatting, content, and 
editability. Thus, as illustrated in FrjSL 4, cell A3 which includes the text "How many 
total GUESTS are YOU HAVING?" is described by the following parameters, as shown in 

1 5 Table 1 : {entry: 'How many total guests are you 

having? Slocked : 'false SviewSize : ^pt^foteColor: 'navySviewFamily: ? Verd a 
naS_wrapText: , trueS_textAlign: , leftSm_row:3,m_col:1,i_nr: , How many 
total GUESTS ARE YOU HAVING?'}. According to the^e parameters, cell A3 is the 
intersection of a third row and a first column and is referenced with a Column # Row # 

20 notation A3. Cell A3 is an editable cell because the editabilitysflag is set to "FALSE" 
(the calculator was so-designed by its designer/creator), the text in\the cell is aligned to 
the left, the color of the cell is navy, and the size of the cell is 9pt. \ 
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f f\J^$jT7 X^nce dynamic HTML is specified for each cell, the dependency tree is built, in 
step 705. T\he dependency tree is part of the Data Array 502. Any calculator has at least 
two types of ceJls: the ones that depend on a particular cell and the ones that a particular 
cell depends on. Some cells in the Data Array 502 contain the field "i__rt" and others 
5 contain the field "i_tfy\ The fields are lists of other cells that a given cell depends on 
(i_rt) and a list of cells tftat depend on this cell (i_tb). "Ijb" stands for "initialize the 
referred to by cell" and "i_rtV stands for "initialize refers to cell." In the example 
calculator illustrated in Fig. 3, c^ll B13 (1 1 1) is a dependent cell. The following is the 
list of other cells that cell B13 depends on, as shown in Table 1 : 
J 10 i_RT: f [E[7][2],E[3][2]^ 

M= EXTALIGN: , WGHT^M_ROW:13,M_COL:2XNR: f 12.5 , }. Accordingly, cell B13, which is 

ff 1 the intersection of row 13 and column 2, depends on cells B7 (110), B3 (106), and B5 

m (108), where cell B7 displays the type of dinner the user selected, cell B3 displays the 

[7 number of guests the user is expecting, and cell B5 delays the number of vegetarians 

jn 15 among the guests. Thus, if cell B7 contains "Traditionak" a value of 12.5 is displayed in 
Q cell B13 (1 1 1), (as shown in Fig. 3). This value is derived ttom the formula, which is 

described in the Data Array 502: 1.25*(B3-B5). If B3=12 and Et5=2, the value displayed 
in cell B13 is 12.5. If cell B7 contains "Economy," a value of 20 issdisplayed in cell B13 
(not shown). This value is derived from the formula described in the D^ta Array 502 
20 (B3-B5)*2. If B3=12 and B5=2, the value displayed in cell B13 is 20. 

Once all cells are built, they become visible, in element 706. This is done with a 
combination of HTML that is generated on the fly using JavaScript and by JavaScript 
itself. In element 708, calculations are performed for each cell, when needed. For 
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example, if the user chooses a "traditional" dinner in cell B7, cell A13 displays a "Roast 
Turkey." Formula calculations are performed for cell B13 to determine how many 
pounds of roast turkey are required to prepare the dinner based on the number of guests. 
If the user chooses an "alternate" dinner in cell B7, cell A13 displays "Cornish Game 
Hens." Calculations are performed for cell B13 to determine how many pieces of hen are 
required to prepare the dinner. Similarly, if the user chooses "economy" dinner in cell 
B7, cell A13 displays "Chicken Parmesan." Calculations are performed for cell B13 to 
determine how many pieces of chicken are required to accommodate twelve guests, 
where two of them are vegetarians. 

Once all calculations are made, the determination is made whether a particular 
cell is editable (whether it is locked), in element 710. If a cell is non-editable, that cell is 
locked and the user is not allowed to enter data into that cell in calculator mode, in 
element 712. For example, according to Data Array 502 description, cells A13-A23 are 
locked and the user cannot change their content. In the alternative, if the cell is editable 
(unlocked) (for example, cells B3 and B5, as described in the Data Array 502), an input 
box is built around that cell, in element 714. The user can type in the value in that cell 
because it is unlocked in calculator mode, in element 716. Thus, the user can type in 
"12" in cell B3 and "2" in cell B5. The process ends in 718. 

Fig. 8 is a block diagram showing a Member file 512 and an example member 
record 800. The Member file 512 keeps member information in the form of member 
records 800. The member record 800 identifies a particular member. In one 
embodiment of the present invention, the example member record may have the 
following fields: a member ID, a password, an email address, and a data ID, which refers 
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to a file name. The example record 800 features a member ID equal to ANNA, 0124 as a 
password, ANNA@HOTMAIL.COM , as an email address, and "Make Thanksgiving 
dinner 1" as a file name. When a user initially signs up with the system, all user 
information is forwarded to the member file 512. 

Fig. 9 is a block diagram showing a Spreadsheet /Calculator data file 516 and an 
example record 900. The Spreadsheet /Calculator data file 516 keeps spreadsheet and 
calculator data information. The same data file is used to generate spreadsheet HTML 
518 and calculator HTML 521. In particular, it contains a user name, data ID (for 
example, a file name) and information about each cell. The information for every cell 
may include value, formula, formatting, editability, and borders. Each Data Array file 
502 and Spreadsheet/Calculator Data file 516 includes an editability flag for each cell, 
which is assigned a "FALSE" or "TRUE" logic value. This value indicates whether a 
certain cell is editable or not. If the cell has a "TRUE" value, i.e., if it is locked, a user 
cannot edit that cell when viewing the calculator. Alternatively, if the cell has a 
"FALSE" value, i.e., if it is unlocked, that cell can be edited when viewing the calculator. 
Fig. 9 features the example record 900 having the following fields: User Name = ANNA, 
Data ID= "Make Thanksgiving Dinner," and information about each cell. In particular, 
cell A3 which includes the text "How many total guests are you having?" is 
described by the following parameters, as shown in Table 1 : {entry: 'How many 
total guests are you 

HAVING? t ,LOCKED: f FALSE , ,VIEWSlZE: f 9PT f ,FORECOLOR: f NAVY f ,VIEWFAMILY: , VERDA 
NA f ,_WRAPTEXT: , TRUE f ,_TEXTALIGN: f LEFT t ,M_ROW:3,M_COL:l,I_NR: , HOW MANY 

TOTAL GUESTS ARE YOU HAVING? 1 }. According to these parameters, cell A3 is the 
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intersection of a third row and a first column and is referenced with a Column letter Row 
number notation A3. Cell A3 is an editable cell because the editability flag is set to 
"FALSE" (the calculator was so-designed by its designer/creator), the text in the cell is 
aligned to the left, the color of the cell is navy, and the size of the cell is 9pt 

Fig. 10 illustrates a process of allowing a web page user to embed a calculator in 
any web page. If a user has a personal web site, he can include one of his calculators 
with other text and graphics directly into his web site. To embed a calculator in a web 
page, the user has to go to the "My Files" page (see Fig. 13). Then, the user has to 
highlight the file he wants to embed and select the "Sharing" command from the Action 
Panel on the right side of the screen. Performing this step will bring up a dialog box with 
the appropriate HTML code (which includes the parameters of data ID for the calculator 
and anchor text that will appear as a link on the page). The user has to copy this code 
(1002) to the clipboard and then paste the code into his web page's HTML at the location 
he wants the calculator to appear. In the Sharing dialog, the user first needs to set his file 
to Public. Embedding the calculator advantageously allows to view the calculator file 
within the user's own web page. When a web page designer/creator embeds a calculator 
on a web page, he is actually adding some code to an HTML page which calls that 
calculator from the server 510. When this code is downloaded to someone's web browser, 
the browser makes a request to the server 5 10 to display the calculator of interest. The 
server then returns the appropriate calculator and Dynamic HTML code to that web 
browser. As discussed above in reference to Fig. 6A, the HTML page does not include 
HTML script tags, unlike calculator HTML 521 and spreadsheet HTML 518. The 
embedded HTML page includes means to dynamically return the HTML content. These 
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means are "JavaScript include tags. " The JavaScript include tags return dynamically 
created JavaScript reflecting the current change in the calculator or spreadsheet file. 

The embedded calculator is a fully formed calculator web page which looks 
identical to the calculator web page discussed in reference to Fig. 4. The example 
calculator web page 400 features a calculator, wherein only certain cells are editable. 
The calculator 400 allows the user to plan Thanksgiving dinner based on the number of 
guests and type of meal the user would like to make. The name of the calculator is 
displayed right on the top of the page in the form of a text entry: "Make Thanksgiving 
dinner" (402). The user is prompted to enter information related to the number of total 
guests and the number of vegetarians among the guests 106 and 108. Also, the user is 
prompted to choose among traditional, alternate, or economy dinner 110. A number of 
total guests, number of vegetarians and a type of the dinner are the only editable cells in 
the calculator. These cells were set to be editable either by default when the spreadsheet 
was made or by the designer/creator in calculator preview mode. 

Fig. 1 1 is a flow chart showing a log in process. The process starts in element 
1 100 and determines whether the user is a private user, in element 1 102. The user has the 
option of making any individual file a "public" file, so that he can share it with others 
(see Fig. 10). A private user can only view private files if he has logged into the account 
where the file is listed. Alternatively, a public user has the URL of the file and wants to 
be able to view the file outside the private user's personal account. If the user is a private 
user, the process determines whether the user is a member, in element 1 104. At this 
point, the user's name and password are posted to the server. The server 510 reviews the 
parameters and verifies that the user has an account with the system, i.e., the user is a 
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member. If the user is not a member, the ERROR message is returned in element 1 108, 
and the user is prompted to sign up with the system, in element 1118. In the alternative, 
if the user is a member, as determined from member file 512, the system determines, in 
element 1 106, whether the user is the owner of the file he would like to work with. Every 
Spreadsheet/Calculator data file 516 contains a member ID. If the user ID matches the 
member ID in the Spreadsheet/Calculator data file 516, the user is the file owner. If the 
user is a file owner the system allows the user to view that file, in element 1 1 12, and the 
process ends in 1 1 14. Similarly, if the user is a public user a public user who has the 
URL of the file and wants to be able to view the file outside the private user's personal 
account, the system allows the public user to view that file, in element 1112. 

If the member is not a file owner, the ERROR message is returned in element 
1110 and the user is prompted to work with that particular file as not a file owner, in 
element 1116. If the user is a public user (he has the URL of the file and wants to be able 
to view the file outside the private user's personal account) he can view that file, in 
element 1112. 

Fig. 12 is a flow chart showing a process of saving data into "My Files." The 
Save and Save As commands, which are accessed from the FILE menu, allow a calculator 
designer/creator to save the file he is currently working with. Save will overwrite the last 
saved version of the file, where Save As renames the current file and saves it (under a 
new name). The process starts in element 1202. In element 1204, the process determines 
whether calculator designer/creator changes editability. If the designer/creator changes 
editability, the editability flag is changed from "FALSE" to "TRUE" in client-side Data 
Array 502, in element 1206. If designer/creator changes cell's content in a spreadsheet, 
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in element 1208, data content is changed in the Data Array 502, in element 1210. If the 
creator/designer indicates that he wants to save new data, in element 1212, the server 510 
receives a "post" in the form of new data in client-side format, from a browser, in 
element 1214. In element 1216, the server determines whether the creator/designer is a 
5 member who has an account with the system in accordance with member file 512. If the 
user is a member, the process determines, in element 1218, whether the user is the owner 
of the file he is working with. In the alternative, if the user is not a member, in element 
1222 the user is prompted to register and become a member. If the member is the owner 
of the file he is working with, the process offers the user to save the information in place 
j3 10 of the original file, in element 1220. In the alternative, if the user is not the owner of the 
H file, he is offered to save the file as not a file owner, in element 1224. The process then 

ffs saves information about each cell, including all attributes, such as format, borders, 

m editability, and cell dependency as well as rows height and columns width into non- 

[7 owner account in element 1226. The process ends in element 1228. 

£_ i. 
Tf?, 

p4 15 Fig. 13 illustrates "My Files" page containing saved files. The "My Files" page 

1300 is a user's personal file manager where each member accesses and manages his 
files. To access the files from the "My Files" page 1300, the user has to enter his name 
and password. The user has the option of making any individual file a "public" file, so 
that he can share it with others. The upper left panel 1302 of the page lets the user 
20 navigate between different major areas of the site. The middle area 1304 of the page 

displays user's list of files. The menu bar 1306 directly above the list of files allows the 
user to create new files, import files and images, sort the list of files, and view the files 
according to their type. 
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While the invention has been described in conjunction with a specific 
embodiment, it is evident that many alternatives, modifications and variations will be 
apparent to those skilled in the art in light of the foregoing description. Accordingly, the 
present invention is intended to embrace all such alternatives, modifications and 
variations as fall within the spirit and scope of the appended claims and equivalents. 
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TABLE 1 

<html> 
<head> 

<TITLE>make thanksgiving dinnerl - Blox.com BrainMatter 
Calculator</TITLE> 

<link rel="stylesheet" type="text/css" 
href= f 7css/static/view_mode_ie_67cle830.cssx , V><link rel="stylesheet" 
type="text/css" href='7css/calculator_ie4_eda7fc0b.cssx'7> 

<style type="text/css"> 

/* /home/www/template/static/view_mode_ie.style.tpl */ 
#buttonDivision {top: 30; left: 0;} 

#buttonPalette {top: 0; left: 0;height: 30;visibility: visible;} 
#topDivision {top: 0; left: 0;visibility: hidden;} 

</style> 



the gallery 



<script language=" JavaScript"> 

var kTotalJSIncIudes = 13; 

var gNumJSIncludesLoaded = 0; 

var kFromGallery = false; 

var kDomain = "blox.com"; 

var kRootUrl = "http://www.blox.com/"; 

// hide 'rate this calc' button if we're not opening from 

if(IkFromGallery) 
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suppressElementsfl'btnRateVbtnRateTextVbreakS']); 



function JSIncludeDoneLoadingO 

{ 

gNumJSIncludesLoaded++; 
includeModalProgressWidget.style.width = 
(gNumJSIncludesLoaded/kTotalJSIncludes)*250; 

} 

// creates stylesheet rules to suppress the specified 

elements 

function suppressElements(elemldArray) { 
if (!(document.styleSheets && 
documentstyleSheets. length > 0)) return; 

for (var i=0; i < elemldArray.length; i++) 

document.styleSheetsIOl.addRuleO^ + 

elemIdArray[i], 'displaymone'); 

} 



</script> 

</head> 

<body class="body" scroll="no" onLoad="loadDocumentO" 
onBeforeUnload=" if(typeof unloadDocument != 'undefined')unloadDocumentO" 
onUnload =l, if(typeof unloadDocument != 'undefined')unloadDocumentO" 
onResize="resizeDocumentO"> 

<span class= f view ? id= , view' style=" width: 100%; height: 100%;"> 
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<!— later write the contents of this span — > 
</span> 



<script language=" JavaScript"> 

var content = '<div cIass="modalLabel">Please wait a moment 
(the first time you use BrainMatter this may take a little longer).</div> t 

+ '<div class="modalProgressBar">' 

+ '<div id="includeModalProgress\Vidget" 
class="modalProgressWidget" style="visibility: visible; ">' 

+ '</divx/div>'; 

var progressDialog = '<table id="includeProgressDialog" 
width="100%" height="100%">' 

+ '<tr valign="middle"xtd align=" center "><div 
class=" modal" STYLE="visibility:visible; position:static;">' 

+ '<table border="0" width= M 225" cellspacing="0" 

cellpadding="0"> , 

+ '<tr valign="middle">' 

+ '<td bgcolor="#ffccOO"><div 
cIass= ,, modalTopLeftBox ,, x/div></td> , 

+ '<td bgcolor="#ffe57d" nowrapxspan 
class="modalTitle">Loading BrainMatter</spanx/td>" 

+ '</tr>' 

+ '<tr>' 

+ '<td bgcolor="#ffe57d' , xbrx/td>' 
+ '<tdxdiv class="modalContent">' + content + *</divxdiv 
id="modalBottomBar" style=**height:10px; overflow:hidden"xBRx/div></td> , 
+ '</tr>' 
+ '</table>' 

+ '</div><tr></tdx/table>*; 
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document. write(progressDialog); 
</script> 

<script language=" JavaScript"> 

// global mode flag (can be "design", "view", or "embed") 
var kMode = "view"; 
var glnitDirtyCells = ""; 

var gCellElemMatrix; // 2-D array of the cell elements, use 
like: gCellElemMatrix[row] [column] 

var gRowCount, gColumnCount, glmported=0 , gOwnerId=0, 
gAppId= M ,g AppDescription= f T ; 

var gApp Version = 1.0; 

var gAppAuthor = f ss f ; 

var gMacroText = "; 

var gPartnerMenu = null; 

var gPopupMenu = null; 

var gExtra = ""; 

var glsMatterhorn = false; 

var gSaveScript = "savebraincell"; 

var gSaveLifeboat = "lifeboat"; 

// 

gColumnCount = 6;gRowCount = 24; 

// handlers should be placed on outermost control... 
function GetColumnWidthsAndHeights(widths, heights) 
{ 
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// 



widths[l] = 


399; 


widths[2] = 


84; 


widths[3] = 


73; 


heights [2] = 


■■ 19; 


heights [3] = 


= 19; 


heights [4] = 


: 19: 


heights [5] = 


= 19; 


heights [6] = 


» 19; 


heights [71 = 


= 31; 


heights [8] = 


= 19; 


heights [9] = 


: 19; 


heights [10] 


= 19; 


heights [11] 


= 19; 


heights [12] 


= 19; 


heights[13] 


= 19; 


heights[14] 


= 19; 


heights[15] 


= 19; 


heights[16] 


= 19; 


heights [17] 


= 19; 


heights [18] 


= 19; 


neignrs[iyj 


_tn. 

— iy, 


heights[20] 


= 31; 


heights [21] 


= 19; 


heights[22] 


= 19; 


heights[23] 


= 19; 



} 



// after this comment, we add //ink cells 
gAppId='003d8cf3_9815'; 
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gOwnerId= ? 003d76ac_435<T; 

gAppDescription='make thanksgiving dinnerl '; 

var gCellDataArray=[{entry:'Make Thanksgiving 
dinnerSviewSize: , 12pt\foreColor: f navySviewFamily: l Verdana^_fontWeight: t bold f , 
_wrapText: , true , ,_textAlign: f left f ,m_row:l 9 m_col:l,i_nr: f Make Thanksgiving 
dinner 1 }, 

{viewSizer^ptSforeColorr'navy^viewFamilyr'Verdana'^wrapTextr'true'^te 
xtAJign:'left',m_row:2,m_col:l}, 

{entry: 'How many total guests are you 
having?^viewSize: , 9pt^foreCoIor: t navy t ,viewFamily: , Verdana^_wrapText: , true^__t 
extAlign: , leftSm_row:3,m_col:l,i_nr:'How many total guests are you having?'}, 

{entryr'IZ'jdynamicr'n'jderivedr'n', 

ijb:'[e[13][2],e[14][2],e[19][2],e[15][2],e[17][2],e[21][2],e[2^ 
pt'jWidthCluer'SO'jforeColor^maroon'^textAligni'right'jmrowrSjm _col:2,i_nr:'12 
'}, 

{viewSizei'PptSforeColorr'navy'jViewFamilyr'Verdana'^wrapTextr'true'jte 
xtAlign:'left',m_row:4,m_col:l}, 

{foreColorr'maroon'jViewSizer^pt'jtextAlignr'right'jmrow^jm^col^}, 
{entry: 'How many 

vegetarians? , ,viewSize: t 9pt f ,foreColor: , navy f ,viewFamily:'Verdana f ,_wrapText:'tru 
e',_textAlign:'left',mrow:5,m_col:l,i_nr:'How many vegetarians? 1 }, 
{entry:'2 f ,dynamic:'2',derived:'2', 

iJb:'[e[13][2]]SviewSize:'9ptS_widthClue:'80SforeColor:'maroon',_textAlig 
n:'right',m_row:5,m_col:2,i_nr:'2'}, 

{viewSize: t 9pt',foreCoIor: , navy ? ,viewFamily:'Verdana',_wrapText: t true',_te 
xt Align : ' left ' ,m_r o w : 6,m_col : 1 } , 

{foreColor:'maroon',viewSize:'9pt , ,_textAlign:'right',m_row:6,m_col:2}, 

{entry: 'Traditional Holiday Dinner, or something a little more unusual? 
(Traditional, Alternate or 

Economy) f ,viewSize: , 9pt',foreColor:'navy',viewFamily:'Verdana',_wrapText: , true', 
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^extAIigni'left'jm^rowrTjin^ohlji.nrr'Traditioiial Holiday Dinner, or something a 
little more unusual? (Traditional, Alternate or Economy) 1 }, 

{entiy: f =menu( ,f Traditionar T , ,f traditionar , , ,, Alternate M , ,? Alternate","Econo 
my f Y f economy") , ,dynamic: , menu("r7c2s0", 

\Traditional\\\ f traditional\S\ f Alternate\S\ , AIternate\S\ , Economy\S\ t economy\ f )\deri 
vedr'traditional', 

ijb:'[e[14][l],e[17][l],e[19][l],e[21][l],e[23][l],e[13][2],e[13] 
[2],e[ll][l],e[20][l],e[13][l]] f ,m_cellGUI: f {type:VmenuV, setting:0, 
label:VTraditionalV} f ,locked:'fr^^ 

maroonStextAligni'leftSmrow^jmcol^jinrr'Traditionar}, 

{viewSizer^pt'jforeColori'navySviewFamilyc'Verdana'^wrapTextt'trueSte 

xtAlign: f left',m_row:8,m_col:l}, 

{locked:'true',m_row:8,m_coI:2}, 

{entry :'HereVs what you can whip up in your 

kitchen : ',viewSize: f 9pt f ,foreColor: ' navy f ,viewFamily : ' Verdana',_wrapText: 'true',_t 

extAlign:'left',m_row:9,m_col:l,i_nr:'Here\'s what you can whip up in your 

kitchen:'}, 

{viewSizei'Ppt'jforeColor: f navy T ,viewFamily: ! Verdana', _wrapText:'true ? ,_te 
xtAlign : 'left',m_row: 1 0,m_col:l }, 

{entry:'=IF( B7 ="Economy"," A Basic Holiday Feast",if( B7 

="Alternate","An "& B7 &" Holiday Feast","A "& B7 &" 
Holiday Feast 1 '))',dynamic: '(_eqr(_cel( Vr7c2sOV ),VEconomyV)?VA Basic 
Holiday FeastV:(_eqr(_cel( Vr7c2sOV ),VAlternateV)?_concatC_concat(VAn 
\',_cel( \'r7c2s0\' )),\' Holiday FeastY):_concat(_concat(VA \',_cel( \ f r7c2s0\' 

)),\' Holiday Feast\')))',derived:'A traditional Holiday Feast', 

i_rt:'[e[7][2]]',viewSize:'9pt',foreCo^ 
eight:'bold',_wrapText: f true',_textAlign:'left',m_row:ll,m_col:l,i_nr:'A traditional 
Holiday Feast'}, 

{_borderBottom:'solid black 
lpt',viewSize:'9pt',foreColor: f navy',viewFamily:'Verdana',_wrapText:'true f ,_textAl 
ign:'left',m_row:12,m_col:l}, 
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{_borderBottom:'solid black 
1 pt',viewSize: '9pt',_textAlign: *right',m_row: 1 2,m_col:2}, 

{textAlign:'left',_borderBottom:'solid black 
lpt',viewSize:*9pt',m_row:12,m_col:3}, 

{entry:'=IF( B7 ="Traditional","RoastTurkey",IF( $B$7 

=" Alternate"," Cornish Game Hens",IF( $B$7 =" Economy", "Chicken 
Parmesan"," ")))',dynamic:'(_eqr(_cel( \'r7c2sOV ),VTraditionalV)?VRoast 
Turkey\':(_eqr(_cel( \'r7c2s0\ , ),VAlternateV)?V Cornish Game 
HensV:(_eqr(_cel( Vr7c2sOV ),VEconomy\')?\'Chicken 
ParmesanV :VV)))',derived:'Roast Turkey', 

i_tb:»[e[15][l]]', 

irt: ' [e[7] [2] ] ',viewSize: '9pt',foreColor : 'navy ',viewFamily : ' Verdana', fontW 
eightr'boldSwrapTextftrue'jtextAligni'left'jmrowilS^cohl^nrr'Roast 
Turkey'}, 

{entry:'=IF( $B$7 ="Traditional",1.25*( B3 - B5 ),IF( 
$B$7 ="Alternate",( B3 - B5 ),IF( $B$7 
="Economy",( B3 - B5 )*2,"")))',dynamic:'Ceqr(_cel( 
\'r7c2s0\» ),\'Traditional\')?_mul(1.25,_sub(_cel( Vr3c2sOY ),_cel( 
\'r5c2s0\' ))):(_eqr(_cel(\'r7c2s0\' ),\'Alternate\')?_sub(_cel( 
Yr3c2sOV ),_cel( \'r5c2s0\' )):(_eqr(_cel( \V7c2sO\' 
),\'Economy\')?_mul(_sub(_cel( \'r3c2s0\' ),_cel( \*r5c2s0\' 
)),2):\'\')))',derived:'12.5', 

i_rt:'[e[7][2],e[3][2],e[5][2]]',viewSize:'9pt',_widthClue:'80',_textAlign:'right' 
,m_row:13,m_col:2,i_nr:'12.5'}, 

{entry:'=IF( $B$7 ="Traditional","pounds",IF( $B$7 
="Alternate","hens",IF( $B$7 

="Economy","pieces","")))',dynamic:'(_eqrCcel( Vr7c2s0\' 
),\'Traditional\')?\'pounds\':(_eqr<_cel( Vr7c2s0\' 
),\'Alternate\')?\ , hens\':Ceqr(_cel( \'r7c2s0\' 
),\»Economy\')?Vpieces\':\'\')))',derived:»pounds', 
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i_rt: , [e[7][2]] , ,textAlign: , Ieft^viewSize: , 9pt^m_row:13,m_col:3,i_n r:, P ou,lds, 

}, 

{entry:'=IF( $B$7 ="Traditional","Bread Stuffing", IF( $B$7 
="AIternate","Corn Bread",IF( $B$7 ="Economy"," Garlic 
Breadsticks"," ' W,dynamic:'Ceqr(_cel( Vr7c2s0\' ),\Traditional\')?\'Bread 
StuffingV :Ceqr(_cel(\'r7c2sO\' ),\ , Alternate\')?\'Corn Bread\' :(_eqr(_cel( 

Vr7c2sOV ),\'Economy\»)?\'Garlic BreadsticksV :\'\')))',derived:'Bread 
Stuffing', 

i_tb:'[e[14][2],e[l4][3]]\ 

i_rt: , [e[7][2]]',viewSize: , 9pt , ,foreColor: , navy',viewFamily: , Verdana f ,_fontW 
eight: 'bold',_wrapText: 'true',_textAlign : 'left',m_row: 1 4,m_col: 1 ,i_nr : 'Bread 
Stuffing'}, 

{entry:'=IF( A14 =" Garlic Breadsticks", B3 *2,if( A14 
="","", B3 ))',dynamic:'(_eqrCcel( \'rl4clsOV ),\'Garlic 
Breadsticks\')?_mul(_cel( Vr3c2s0\' ),2):(_eqr(_cel( Vrl4clsOV 
),\'\')?\'V:_cel(\ , r3c2sO\' )))',derived:'12', 

i_rt:'[e[14][l],e[3][2]]',viewFormat:'number',viewSize:'9pt',_widthClue:'80', 
textAlign: 'right',m_row: 1 4,m_col:2,i_nr: '12'}, 

{entry:'=IF( A14 ="Bread Stuffing","cups",if( A14 
=" "," ","pieces"))',dynamic:'CeqrCcel( Vrl4clsOV ),\»Bread 
Stuffing\')?\'cups\':(_eqrCcel( Vrl4clsOV 
),VV)?VV:\'piecesV))',derived:'cups', 

i_rt:'[e[14][l]]',textAlign:'left',viewSize:'9pt',m_row:14,m_col:3,i_nr:'cups»}, 
{entry:'=if( A13 ="'7"',"Soup")',dynamic:'Ceqr(_cel( Vrl3clsOV 
),\'\')?\'\':\'Soup\')',derived:'Soup', 
i_tb:'[e[16][l],e[15][2],e[15][3]]', 

i_rt:'[e[13][l]]',viewSize:'9pt',foreColor:'navy',viewFamily:'Verdana',_font 
Weight:'bold',_wrapText:'true',_textAlign:'left',m_row:15,m_col:l,i_nr:'Soup'}, 
{entry:'=if( A15 =»","", B3 )',dynamic:'(_eqr(_cel( 
Vrl5cls0\' ),\'V)?\'\':_cel(\'r3c2sO\' ))',derived:'12', 
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Lrtr'IeflSlIll^iailZHSviewSizei'Ppf^widthCluet'SOSjextAligni'rightSm^o 
w:15,m_col:2,i_nr:'12*}, 

{entry:'=if( A15 ='''7'*',"cups")',dynamic:'Ceqr(_ceI( \'rl5clsOV 
),V\')?\'\':\'cups\')',derived:'cups', 

i_rt:'[e[15][l]] , ,textAlign: , left^viewSi2e: , 9pt , ,m_row:15,m_col:3,i_l^r: , cups , }, 
{entry:'=if( A15 - try a simple corn chowder or spicy bean 

soup")»,dynamic:'(_eqr(_cel( Vrl5clsOV ),VV)?V\':V - try a simple corn 
chowder or spicy bean soupV)', derived:' - try a simple corn chowder or spicy bean 
soup', 

i_rt:'[e[15][l]]',viewSize:'9pt',foreColor:'navy*,viewFamily:'Verdana',_wrap 
Text:'true',_textAlign:'Ieft',m_row:16,m_col:l,i_nr:'- try a simple corn chowder or 
spicy bean soup'}, 

{entry:'=IF( $B$7 ^"Traditional"," Side of Vegetables",IF( $B$7 

="Alternate","Stuffed Mushrooms",IF( $B$7 ="Economy","Side of 
Vegetables"," ")))',dynamic:'(_eqr(_cel( \'r7c2sOV ),VTraditional\')?\'Side of 
Vegetables\':(_eqr(_cel( \'r7c2s0\' ),\'Alternate\')?\'Stuffed 
Mushrooms\':(_eqr(_cel( Vr7c2sOV ),VEconomy\')?\'Side of 
Vegetables\':VY)))',derived:'Side of Vegetables', 

i_tb:'[e[17][3],e[18][l],e[17][2]]', 

i_rt:'[e[7][2]]',viewSize:'9pt',foreColor:'navy',viewFamily:'Verdana',_fontW 
eight:'bold',_wrapText:'true',_textAlign:'left',m_row:17,m_col:l,i_nr:'Side of 
Vegetables'}, 

{entry:'=IF( B7 ="Alternate",3* B3 ,if( A17 =»",»»,!* 
B3 ))',dynamic:'(_eqr(_cel( \'r7c2s0\' ),\'Alternate\')?_mul(3,_cel( 
Yr3c2s0\' )):LeqrLc«K Vrl7clsOV ),\'\')?\'\':_mul(l,_cel( 
Vr3c2s0\' ))))',derived:'12', 

i_rt:'[e[7][2],e[3][2],e[17][l]]',viewFormat:'number , ,viewSize: , 9pt',_widthCl 
ue : '80 ',_text Align : ' right',m_row: 1 7,m_col : 2,i_nr : * 12'}, 

{entry:'=IF( B7 ="Alternate","mushrooms",if( A17 
="","","cups"))',dynamic:'CeqrCcel( Vr7c2sOV 
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),VAlternateV)?Vmushrooms\':(_eqr(_cel( Vrl7clsOV 
),\'\')?\'\':\'cups\'))',derived:'cups', 

Lrt^IelTlIll^IlTlIlUStextAligni'leftSviewSizei'Ppt'^rowil^m^olrS^^r:' 

cups'}, 

{entry:'=if( A17 ="","","- try green beans, squash, or a vegetable 
medley as weir')',dynamic:'(_eqr(_cel( Vrl7clsOV ),\*V)?\'V:V - try green 
beans, squash, or a vegetable medley as well\')*,derived:* - try green beans, squash, 
or a vegetable medley as well', 

^rti'IellTJIlUSviewSizer'PptSforeCoIori'navy'jViewFamilyr'Verdana'^wrap 
Text:'true',_textAlign:'left',m_row:18,m_col:l,i_nr:'- try green beans, squash, or a 
vegetable medley as well'}, 

{entry:'=IF( $B$7 ="Traditionar,"Side of Potatoes",IF( $B$7 

="Alternate","Yams",IF( $B$7 

="Economy","Yams", ,M, )))',dynamic: , Ceqr(_cel( Vr7c2sOV 
),\'TraditionalV)?\'Side of Potatoes\':(_eqr(_cel( Vr7c2sOV 
),\'AlternateV)?VYams\':Ceqr(_cel( Vr7c2sOV 
),VEconomy\')?\'Yams\':VV)))',derived:'Side of Potatoes', 
i_tb:'[e[19][2],e[19][3],e[20][l]]', 

i_rt:'[e[7][2]]',yiewSize:'9pt',foreColor:'navy',viewFamily: , Verdana',_fontW 
eight:'bold',_wrapText:'true',_textAlign:'left',m_row:19,m_col:l,i_nr:'Side of 
Potatoes'}, 

{entry:'=if( A19 ="","", B3 /2)',dynamic:'(_eqr(_cel( 
Vrl9clsOV ),\'\')?VV:_div(_cel( \'r3c2sOV ),2))',derived:'6', 
i_rt:'[e[19][l],e[3][2]]',viewFormat:'number',viewSize:'9pt',_widthClue:'80', 
_textAlign:'right',m_row:19,m_col:2,i_nr:'6'}, 

{entry:'=if( A19 ='"7'",''pounds")',dynamic:'(_eqr(_cel( Vrl9clsOV 
),\'\')?\'\':\'pounds\')',derived:'pounds', 

i_rt:'[e[19][l]]',textAlign:'left',viewSize:'9pt',m_row:19,m_col:3,i_nr:'pound 

s'}, 

{entry:'=IF( B7 =" Traditional"," - thereVs more than one way to cook a 
potato! Try scalloped, mashed, twice-baked, or even au gratin!",if( A19 
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="",""," - yams are sweeter than potatoes and can be prepared just as easily, 
for a different twist on the holidays! ",))',dynamic: , (_eqr(_cel( Vr7c2sOV 

),\TraditionalV)?V - thereWVs more than one way to cook a potato! Try 
scalloped, mashed, twice-baked, or even au gratin!V:(_eqr(_cel( Vrl9clsOV 

),VV)?VV:V - yams are sweeter than potatoes and can be prepared just as 
easily, for a different twist on the holidays!\'))',derived:' - thereVs more than one 
way to cook a potato! Try scalloped, mashed, twice-baked, or even au gratin!', 

i_rt: ' [e[7] [2 J,e[l 9] [1 ] ] ',viewSize: '9pt',foreColor: 'navy ',viewFamily: 'Verdana' 
,_wrapText:'true',_textAlign:'left',m_row:20,m_col:l,i_nr:'- thereVs more than one 
way to cook a potato! Try scalloped, mashed, twice-baked, or even au gratin!'}, 

{entry:'=IF( $B$7 ="Traditional","Pumpkin Pie",IF( $B$7 

="Alternate","Pecan Pie",IF( $B$7 ="Economy","Pumpkin 
Pie"," ")))',dynamic:'(_eqr(_cel( Vr7c2sOV ),\'Traditional\')?\'Pumpkin 
Pie\':(_eqr(_cel( \'r7c2s0\' ),\'Alternate\')?\'Pecan Pie\':Ceqr(_cel( 

Vr7c2s0\' ),\'Economy\')?\'Pumpkin Pie\':\'\')))',derived:'Pumpkin Pie', 

i_tb:'[e[21][2],e[21][3],e[22][l]]», 

i_rt:'[e[7][2]]',viewSize:'9pt',foreColor:'navy',viewFamily:'Verdana',_fontW 
eight:'bold',_wrapText:'true',_textAlign:'left',m_row:21,m_col:l,i_nr:'Pumpkin 
Pie'}, 

{entry:'=if( A21 ="","",ROUND( B3 /8,0))',dynamic:'(_eqr(_cel( 
Vr21cls0\» ),\'\')?\'\':_round(_div(_cel( \'r3c2s0\' 
),8),0))',derived:'2', 

i_rt:'[e[21][l],e[3][2]]',viewFormat:'number',viewSize:'9pt',_widthClue:'80', 
_textAUgn:'right',m_row:21,m_col:2,i_nr:'2'}, 

{entry:'=if( A21 ="","","pies")',dynamic:'(_eqr(_cel( Vr21clsOV 
),\'\')?\ , \':\'pies\')',derived:'pies', 

^rtc'Ie^llllll'jtextAlignr'left'jViewSizet^pt'jmrow^l^colrSjinrr'pies'}, 
{entry:'=if( A21 ="» j »» »i _ or trv something different, like a Sweet 
Potato Pie!")',dynamic:'(_eqr(_cel(Yr21clsOV ),\'\')?\'\':\' - or try something 
different, like a Sweet Potato Pie!V)',derived:' - or try something different, like a 
Sweet Potato Pie!', 
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irt: ' [e [21 ] [1 ]] ',viewSize: '9pt',foreColor : 'navy ',viewFamily : ' Verdana',_wrap 
Texti'true'^textAligni'leftSm row^Zjm cohlji.nr:'- or try something different, 
like a Sweet Potato Pie!'}, 

{entry:'=IF( $B$7 ="Traditional","Hot Apple Cider",IF( $B$7 
="Alternate","Spiced Cranberry Cider",IF( $B$7 ="Economy","Hot 
Apple Cider'7'")))',dynamic:'(_eqr(_cel( Vr7c2sOV ),VTraditional\')?VHot 
Apple CiderV:(_eqr(_cel( \'r7c2s0\' ),\'AlternateV)?VSpiced Cranberry 
Cider\':(_eqr(_cel( Vr7c2sOV ),VEconomyV)?\'Hot Apple 
Cider\':\'\')))',derived:'Hot Apple Cider', 
i_tb:'[e[23][2],e[23][3]]', 
i_rt:'[e[7] [2]]',_borderBottom:'solid black 
lpx',viewSi2e:'9pt',foreColor:'navy',viewFamily:'Verdana',_fontWeiglit:'bold',_wra 
*S pTextt'true'^textAlignz'leftSm^ow^S^^ohlj^nrt'Hot Apple Cider'}, 

^ {entry:'=if( A23 ="••,»•', B3 *2)*,dynamic:'Ceqr(_cel( 

£ \'r23cls0\' ),\'\')?V\':_mul(_cel( Vr3c2sOV ),2))',derived:'24', 

E i_rt:'[e[23][l],e[3][2]]',_borderBottom:'solid black 

w lpx^iewFormatr'number^viewSizez^p^ 

S 

M= :23,m_col:2,ijir: f 24 t }, 

j~J {entry:'=if( A23 = ,Mf ," ,f , f, cups ,f ) , ,dynamic: f CeqrLcel( Vr23clsOV 

m ),VV)?VV:VcupsV) f ,derived: f cups f , 

g Lrtr'IepSlIlllStextAligni'left'^borderBottom^solid black 

lpx^viewSizer^ptSm^row^SjmcolrSji^nrr'cups 1 }]; 

var needsRebuilding=false; 
var gDerivedFrom="; 
var kSaveHostname = ""; 
gMacroText= ""; 
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</script> 

<script language=" JavaScript" src="/lib/js/dialog_ie_d6af9e21.jsx" 
></script><script language=" JavaScript" 
src= , 71ib/js/browser_detect_ie_6af40f80.jsx ,, ></script><script 
language=" JavaScript" src="/lib/js/cookie_ie_81818cb9.jsx" ></script><script 
language=" JavaScript" src="/Iib/js/gui_ie_fc55692d.jsx" ></script><script 
language^" JavaScript" src="/lib/js/document_ie_ec836dad.jsx" ></script><script 
language=" JavaScript" src="/lib/js/calculator_ie_b5ald7ed.jsx" ></script><script 
language=" JavaScript" src="/lib/js/interface_calculator_ie_f84b9570.jsx" 
></script><script language=" JavaScript" src="/lib/js/runtime_ie_38489e48.jsx" 
></script><script language=" JavaScript" src="/lib/js/celMe_fle68dc0.jsx" 
></script><script language=" JavaScript" src="/lib/js/compiler_ie_574fl484.jsx" 
></script><script language=" JavaScript" src="/lib/js/platformJeJbb68al25.jsx" 
></script><script language=" JavaScript" src="/lib/js/resource_ie_b70be76d.jsx" 
></script><script language=" JavaScript" src="/lib/js/utility_ie_16a663aa.jsx" 
></script> 



<script language="JavaScript"> 

function WindowIsValid(wnd) { 
try{ 

var x = wnd.name; 

} 

catch (error) { 
return 0; 

} 

return 1; 
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function SafeEval(str) { 
try{ 

eval( str ); 

} 

catch (error) { 

return error.description ? 

error.description : "unknown error"; 

} 

return 0; 

} 

</script> 

<div id="topDivision" class=" division "></div> 

<div id="buttonPalette" class="palette"> 

<a href="http://www.blox.com/" target="_blank" 
onFocus="this.blurO"ximg src="/img/blox_cube_l 6x26.gif width=16 height=26 
vspace=2 hspace=8 border=0 alt= ,, Blox.com"x/a><div id="break0" 
class="break"x/div> 

<div id="btnSave" class="button" title="Save"></div><div 
id="btnSaveText" class="buttonText">Save</div> 

<div id= , »breakl ,, class="break"x/div> 

<div id="btnPrint" class=" button" title=" Print" x/divxdiv 
id="btnPrintText" class="buttonText">Print</div> 

<div id="break2" class="break"x/div> 

<div id="btnInstruction" class=" button" title="Instructions"></div><div 
id="btnInstructionText" class="buttonText">Instructions</div> 
<div id="break3" class="break"x/div> 

<div id="btnEdit" class="button" title="Edit as spreadsheef'x/divxdiv 
id="btnEditText" class="buttonText">Edit as spreadsheet</div> 
<div id="break4" class="break"x/div> 
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<div id="btnEmail" class=" button" title="Email to others "></div><div 
id="btnEmailText" class="buttonText">Email to others</div> 
<div id="break5" class="break"x/div> 

<div id="btnRate" class="button" title="Rate this calculator"x/div><div 
id="btnRateText" class="buttonText">Rate this cakulator</div> 
</div> 

<div id="buttonDivision" class="division"x/div> 
<div id= M footDivision" class="division"x/div> 
<div id= ff footPalette" class="palette n > 

<nobr>Copyright © 1999-2000 <a href=" http://www.aIphablox.com" 
target="_blank">AlphaBlox Corporation Inc.</a> ™</nobr></div> 

<div id="modalDialog" style=" display :none"></div> 
<div id="popupMenuList" class="smallList" style=" width: 100; 
height:l;"x/div> 

<script language="JavaScript"> 

includeProgressDialog.style.display = "none"; 
</script> 

<iframe id=resourceO src="" style=" display: none;"x/iframe> 
<iframe id=resourcel src="" style=" display: none;"x/iframe> 
<iframe id=resource2 src="" style=" display: none;"x/iframe> 
<iframe id=resource3 src="" style=" display: none;"x/iframe> 

<iframe id="saveFrame" src="/save_frame.html" style=" display: 
none;"x/iframe> 

<iframe id="macroFrame" src="/macro_frame" style=" display: 
none;"x/iframe> 

<iframe id="bugFrame" src="" style=" display: none;"x/iframe> 
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<iframe name="postFrame" src="" style=" display: 
"x/iframe> 

<form id="postForm" method="POST"></form> 
</body> 
</html> 
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